<template>
  <!-- 动态绑定事件， .prevent 修饰符用于阻止默认事件 -->
  <button @[event]="handleClick">点击</button>

  <hr />

  <!-- v-memo 用于性能优化 如果 n 等于 2 则不更新 -->
  <div v-for="n in nums" :key="n" v-memo="[n === 2]">{{ n }}</div>
</template>

<script setup lang="ts">
import { ref } from "vue";

const event = ref("click");
const handleClick = () => {
  console.log("click");
};

const nums = ref([1, 2, 3]);
</script>
